<template>
  <!-- 导航头部（所有页面都会显示在顶部） -->
  <HeaderNav />
  
  <!-- 路由渲染的页面内容（会显示在头部下方） -->
  <router-view></router-view>
</template>

<script setup>
// 导入封装好的导航头部组件
import HeaderNav from './components/views/HeaderNav.vue'
import PageNav from "@/components/views/PageNav.vue"
</script>

<style>
/* 可选全局样式（比如页面间距、背景等） */
/* 例如：给页面整体加一个顶部间距，避免内容被头部遮挡 */
body {
  margin: 0;
  padding-top: 80px; /* 根据头部高度调整，防止内容被头部覆盖 */
}
</style>